<!DOCTYPE html>
<html lang="en">

<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>出错啦 | 天赐</title>

    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

    <!-- Styles -->
    <style>
        html,
        body {
            background-color: #fff;
            color: #636b6f;
            font-family: 'Nunito', sans-serif;
            font-weight: 100;
            height: 100vh;
            margin: 0;
        }


        .flex-center {
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .position-ref {
            position: relative;
        }

        .code {
            border-right: 2px solid;
            font-size: 26px;
            padding: 0 15px 0 15px;
            text-align: center;
        }

        .message {
            font-size: 18px;
            text-align: center;
        }

        a {
            background-color: transparent;
            text-decoration: none;
            cursor: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur), auto;
        }

        .chinese-font {
            font-family: 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
        }


        .error-404 {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .error-img {
            margin: 20px 0 0;
        }

        .error-msg {
            margin: 20px 0;
        }

        .error-button {
            display: flex;
            flex-direction: column;
        }

        .error-button.back {
            text-align: center;
        }

        .error-button.back a {
            width: 50%;
            padding: 10px 30px;
            margin: 0 10px;
            border: 1px solid #d6d6d6;
            color: #d6d6d6;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
        }

        #gohome {
            background: #d6d6d6;
            color: #fff;
            margin-top: 8px;
        }
    </style>
</head>

<body>
    <section class="error-404 not-found">
        <div class="error-img flex-center">
            <img src="//cdn.jsdelivr.net/gh/tiancixiong/cdn@1.2/img/other/404.webp">
        </div>
        <div class="error-msg flex-center chinese-font position-ref">
            <div class="code">
                404 </div>

            <div class="message" style="padding: 10px;">
                Page not found </div>
        </div>

        <div class="error-button back">
            <a id="golast" href="javascript:history.go(-1);">返回上一页</a>
            <a id="gohome" href="https://www.xiongtianci.com/">返回主页</a>
        </div>
    </section>
</body>

</html>